* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	min-width: 320px;
	max-width: 750px;
	/* flexible 给我们划分了 10 等份 */
	width: 10rem;
	/* width: 100%; */
	margin: 0 auto;
	line-height: 1.5;
	font-family: Arial, Helvetica;
	background: white;
}

@media screen and (min-width: 750px) {
	html {
		font-size: 75px !important;
	}
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}
.container{
	padding: 0 0.4rem;
}
.img{
	margin: 0.266666rem 0;
}
.img img{
	width: 100%;
	height: auto;
}

.text span{
	border-left: 0.133333rem solid #00da76;
	font-size: 0.48rem;
	padding-left: 0.133333rem;
}

.main{
	display: flex;
}
.aside {
	width: 2.773333rem;
	height: 13.653333rem;
	background-color: #f3f4f5;
 }
.aside li{
	text-align: center;
	height: 1.133333rem;
	line-height: 1.133333rem;
	margin: 0.32rem 0;
	font-size: 0.4rem;
}
.right{
	margin-left: 0.453333rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.right li{
	display: flex;
	margin-bottom: 0.68rem;
}
.right li img{
	width: 2.026666rem;
	height: 2.133333rem;
}
.right li div{
	margin-left: 0.053333rem;
}
.footer{
	min-width: 320px;
	max-width: 750px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}
.footer li{
	width: 25%;
}
.footer li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #898989;
	margin-top: 14px;
	font-size: 0.333333rem;
}
.footer li a img{
	height: 0.533333rem;
	width: 0.533333rem;
}
.footer li a span:first-child{
	font-family: "iconfont" !important;
	  font-size: 0.533333rem;
	  font-style: normal;
}
.cotten{
	background-color: #ff8c00;color: white;
}
.right{
	display: none;
}